<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org"
       xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head th:include="layout :: htmlhead" th:with="title='order管理'"></head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <!--头-->
    <div th:replace="fragments/head :: header"></div>

    <div class="layui-body" style="margin: 1%">

        <form id="orderSearch" class="layui-form layui-form-pane" method="post" action="" style="margin-top: 20px;">
            <div class="layui-form-item">
                <label class="layui-form-label">订单编号</label>
                <div class="layui-input-inline">
                    <input id="orderId" name="orderId" autocomplete="off" class="layui-input" type="text"/>
                </div>
                <label class="layui-form-label">订单状态</label>
                <div class="layui-input-inline">
                    <select name="orderStatus"  id="orderStatus" >
                        <option value="">请选择...</option>
                        <option value='0'>已下单</option>
                        <option value='1'>已接单</option>
                        <option value='2'>已完成</option>
                        <option value='3'>已取消</option>

                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">

                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                    <button class="layui-btn"  lay-submit="" lay-filter="searchSubmit">提交</button>
                </div>
            </div>
        </form>

        <!--<hr class="layui-bg-blue"/>-->
        <hr class="layui-bg-black"/>


        <table id="orderList" lay-filter="orderTable"></table>

        <script type="text/html" id="optBar">
            <a class="layui-btn layui-btn-xs" lay-event="see">查看</a>
            {{#  if(d.orderStatus == '0'){ }}
            <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="edit">删除</a>
            {{#  }else{  }}
            <a class="layui-btn layui-btn-danger layui-btn-xs" >占位</a>
            {{#  } }}
        </script>
    </div>




    <!--添加或编辑用户-->
    <div id="setOrder" class="layer_self_wrap" style="width:500px;display:none;">
        <form id="orderForm" class="layui-form layui-form-pane" method="post" action="" style="margin-top: 20px;">
            <input id="pageNum" type="hidden" name="pageNum"/>
            <input id="orderId0" type="hidden" name="orderId"/>
            <div class="layui-form-item">
                <label class="layui-form-label">取消理由</label>
                <div class="layui-input-inline">
                    <input id="workerRemark" name="workerRemark" lay-verify="required" autocomplete="off" class="layui-input" type="text"/>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block" style="margin-left: 10px;">
                    <button class="layui-btn"  lay-submit="" lay-filter="orderSubmit">提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
        </form>
    </div>



   <div id="getOrder"  style="width:100%;display:none;">
    <fieldset   class="layui-elem-field layui-field-title" style="margin-top: 10px; ">
        <legend>详细信息</legend>	<br/><br/>
        <div style="border:0px solid #F00;margin:0 10% 0;">

            <form class="layui-form" action="" method="post">

                <table >
                    <tr>
                        <td width="70%">
                            <div class="layui-form-item" >
                                <label class="layui-form-label" style="text-align:left;">订单编号</label>
                                <div class="layui-input-block" >
                                    <input type="text" id="orderId1" name="orderId" style="width:350px;" autocomplete="off"  value="" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                        </td>

                        <td>
                            <div class="layui-form-item">
                                <label class="layui-form-label" style="text-align:left;">服务名称</label>
                                <div class="layui-input-block">
                                    <input type="text" id="category2Name" name="category2Name" style="width:350px;" autocomplete="off" value="" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td>
                            <div class="layui-form-item">
                                <label class="layui-form-label" style="text-align:left;">服务时间</label>
                                <div class="layui-input-block">
                                    <input type="text" id="serviceTime" name="serviceTime" style="width:350px;"  autocomplete="off" value="" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="layui-form-item">
                                <label class="layui-form-label" style="text-align:left;">订单留言</label>
                                <div class="layui-input-block">
                                    <input type="text" id="orderRemark" name="orderRemark" style="width:350px;" autocomplete="off" value="" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                        </td>

                    </tr>

                    <tr>
                        <td>
                            <div class="layui-form-item">
                                <label class="layui-form-label" style="text-align:left;">下单人编号</label>
                                <div class="layui-input-block">
                                    <input type="text" id="buyerOpenid" name="buyerOpenid" style="width:350px;"  autocomplete="off" value="" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                        <td>


                    </tr>

                    <tr>
                        <!--<td>
                            <div class="layui-form-item">
                                <label class="layui-form-label" style="text-align:left;">下单人姓名</label>
                                <div class="layui-input-block">
                                    <input type="text" id="userNickname" name="userNickname" style="width:350px;"  autocomplete="off" value="" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                        <td>-->

                        <td>
                            <div class="layui-form-item">
                                <label class="layui-form-label" style="text-align:left;">联系人姓名</label>
                                <div class="layui-input-block">
                                    <input type="text" id="addressUserName" name="addressUserName" style="width:350px;"  autocomplete="off" value="" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="layui-form-item">
                                <label class="layui-form-label" style="text-align:left;">联系人电话</label>
                                <div class="layui-input-block">
                                    <input type="text" id="addressBuyerPhone" name="addressBuyerPhone" style="width:350px;"  autocomplete="off" value="" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                        </td>


                    </tr>

                    <tr>
                        <td>
                            <div class="layui-form-item">
                                <label class="layui-form-label" style="text-align:left;">地区</label>
                                <div class="layui-input-block">
                                    <input type="text" id="addressArea" name="addressArea" style="width:350px;" autocomplete="off" value="" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                        </td>

                        <td>
                            <div class="layui-form-item">
                                <label class="layui-form-label" style="text-align:left;">详细地址</label>
                                <div class="layui-input-block">
                                    <input type="text" id="addressDetail" name="addressDetail" style="width:350px;" autocomplete="off" value="" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                        </td>
                    </tr>




                    <tr>
                        <td>
                            <div class="layui-form-item">
                                <label class="layui-form-label" style="text-align:left;">接单人编号</label>
                                <div class="layui-input-block">
                                    <input type="text" id="workerOpenid" name="workerOpenid" style="width:350px;"  autocomplete="off" value="" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                        <td>

                    </tr>

                    <tr>
                        <td>
                            <div class="layui-form-item">
                                <label class="layui-form-label" style="text-align:left;">接单人</label>
                                <div class="layui-input-block">
                                    <input type="text" id="workerName" name="workerName" style="width:350px;" autocomplete="off" value="" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="layui-form-item">
                                <label class="layui-form-label" style="text-align:left;">接单人电话</label>
                                <div class="layui-input-block">
                                    <input type="text" id="workerPhone" name="workerPhone" style="width:350px;" autocomplete="off" value="" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                        </td>
                    <tr>
                    <td>
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="text-align:left;">取消留言</label>
                            <div class="layui-input-block">
                                <input type="text" id="workerRemark0" name="workerRemark" style="width:350px;" autocomplete="off" value="" class="layui-input" disabled="disabled">
                            </div>
                        </div>
                    </td>
                    </tr>


                    </tr>

                    <tr>
                        <td>
                            <div class="layui-form-item">
                                <label class="layui-form-label" style="text-align:left;">创建时间</label>
                                <div class="layui-input-block">
                                    <input type="text" id="createTime1" name="createTime1" style="width:350px;" autocomplete="off" value="" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                        </td>

                        <td>
                            <div class="layui-form-item">
                                <label class="layui-form-label" style="text-align:left;">更新时间</label>
                                <div class="layui-input-block">
                                    <input type="text" id="updateTime1" name="updateTime1" style="width:350px;" autocomplete="off" value="" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>

            </form>
        </div>
    </fieldset>
    </div>


    <!--底部-->
    <div th:replace="fragments/footer :: footer"></div>

    <script src="/js/order/orderList.js"></script>

</div>
</body>
</html>